<!--
 * @Author: lll
 * @Date: 2021-08-03 14:12:20
 * @LastEditTime: 2021-08-03 14:51:16
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /xxtx-ui/src/views/home1.vue
-->
<template>
    <div class="home">
        <!-- 头部 -->
        <div class="header"> 
            <!-- wrapper起使以下部分居中的作用 -->
            <div class="wrapper">
                <!-- 头部上方 山西农业大学欢迎你 学校主页 -->
                <div class="header_top">
                    <div class="left">山西农业大学欢迎你</div>
                    <div class="right">学校主页</div>
                </div>
                <!-- 头部上方 山西农业大学欢迎你 学校主页 -->
                <!-- logo以及选项 -->
                <div class="header_min">
                    <div class="wrapper">
                        <div class="logo"><img src="/public/resources/images/logo.png" alt=""></div>
                        <ul class="menu">
                            <li class="current">农大公告</li>
                            <li>学术成果</li>
                            <li>农大人物</li>
                        </ul>
                    </div>
                </div>
                <!-- logo以及选项 -->
           </div>
            <!-- wrapper起使以上部分居中的作用 -->
        </div>
        <!-- 头部 -->
        <!-- 内容体部分 -->
        <div class="content">
            <!-- wrapper起使一下部分居中作用 -->
            <div class="wrapper">
                <!-- 轮播图 -->
                    <div class="carousel">
                        <el-carousel height="300px">
                            <el-carousel-item v-for="item in carousels" :key="item.id">
                                <img src="item.url" alt="">
                            </el-carousel-item>
                        </el-carousel>
                    </div>
                <!-- 轮播图 -->
                
            </div>
            <!-- wrapper起使以上部分居中作用 -->
            <!-- wrapper起使以下部分居中作用 -->
            <div class="wrapper">
                <!-- 板块 -->
                <div class="plates">
                   
                </div> 
                <!--板块  -->
            </div>
            <!-- wrapper起使以上部分居中作用 -->
        </div>
        <!-- 内容体部分 -->
        <!-- 底部 -->
        <div class="footer">
            <div class="address">
                太谷校区
                邮编：030801
                地址：山西省晋中市太谷区铭贤南路1号 
            </div>
            <div class="copyright">
                版权所有：山西农业大学    晋ICP备05000473号         晋公网安备14072602000114号
            </div>
        </div>
        <!-- 底部 -->
    </div>
</template>